約 4,974,608 件
https://w.atwiki.jp/jasagiri/pages/68.html
RFC：http //www5d.biglobe.ne.jp/~stssk/rfcjlist.html 規格対応エレメント表 http //meiert.com/en/indices/html-elements/ html5 http //www.html5.jp/ URI-Templates http //bitworking.org/projects/URI-Templates/ http //builder.japan.zdnet.com/sp/firefox-3-for-developer-2008/ StatusCode http //www.studyinghttp.net/status_code http //thoughtpad.net/alan-dean/http-headers-status.html http //d.hatena.ne.jp/IwamotoTakashi/20090429/p1 REST 何がRESTを良くするか：http //www.infoq.com/jp/news/2008/11/rest-api RESTfullなアプリケーションを記述する：http //www.infoq.com/jp/articles/subbu-allamaraju-rest REST API デザイン http //www.25hoursaday.com/weblog/2008/10/24/RESTAPIDesignInventMediaTypesNotProtocolsAndUnderstandTheImportanceOfHyperlinks.aspx OpenID：http //code.google.com/p/openidengine/ ：http //www.atmarkit.co.jp/fsecurity/rensai/openid01/openid01.html ：http //www.goodpic.com/mt/archives2/2008/01/openid_oauth.html ：http //d.hatena.ne.jp/lyokato/20080816/1218866900 OAuth：http //www.atmarkit.co.jp/fsecurity/special/106oauth/oauth01.html
https://w.atwiki.jp/nicepaper/pages/70.html
HTMLとCSSについての記事一覧です。 目次 HTML5とCSS3とは HTML5の宣言文 html5+css3で基本的なページをつくってみよう！① html5+css3で基本的なページをつくってみよう！② headに入れる要素について HTML５で登場する新タグ(新要素) header margin、border、paddingの違いについて CSSのリセット 擬似要素before,afterの使い方 各ブラウザにおけるcss内のfont-familyの挙動 文中の文字の一部のみを指定する場合 HTML5でのタグ使用の注意点 インライン要素とブロックレベル要素（ブロック要素） CSSでmarginプロパティが効かない時の対策 boxの配置方法 divのboxの上にさらにboxを追加し、回転させる tableとlistについて レスポンシブWebデザインについて HTMLとCSSで使う数字の単位の関係 HTMLの細かい文法事項 CSS3の基本 テキストに影を付けるtext-shadow ベンダープレフィックスとは CSSで角丸にするborder-radius URLを使って特定のファイル閲覧(絶対パスと相対パス) CSSで見出しデザイン1 CSSで見出しデザイン2 Googleマップ、YouTube、電話番号(スマートフォン用)を埋め込む方法 表(table)の作り方 背景画像をブラウザいっぱいに表示しているCSS記述方法 CSSでグラデーションその1 CSSデザインのための色の基礎知識 CSSでページを常に中央に表示させて、拡大縮小しても崩れないようにする。 CSS3で画像をフェードインさせたりする。 画像(ボタンの画像)を使用したメニューの作成 font-family(フォントの種類) CSSのline-heightで単位を指定してはいけないのか？ 疑似要素 まとめ CSS3で画像を領域内に上下中央でフィットさせる方法 CSSで文字やテキストを上下中央の中心揃えにする方法 vertical-alignが効かないときの対策 CSSを確実に読み込む方法 ふんわりと色を変えることができるtransitionプロパティ transformプロパティ 段組みに関するCSSプロパティ CSSでのid名やclass名の付け方 レスポンシブデザインとスマホで確認した時の落とし穴 簡単なformの作り方 CSSで直下の子要素のみに適用させたい場合の記述方法 liタグの中にddが複数ある際の改行処理～インデントを1つ目のddに揃えたい～ シマシマのテーブルを作る。 CSSでフォントを指定する CSSでフォントをちょっとした工夫をして見やすくするver1 CSSでフォントをちょっとした工夫をして見やすくするver2 CSSでフォントをちょっとした工夫をして見やすくするver3 黄金比でフォントサイズをデザインする リスト横並びデザイン1 sectionタグで読み込むCSSを限定する 今風のfont-familyをあつめてみた CSSでclearfix CSSで隣接セレクタを使い、見出しタグ(h1)タグとpタグの間を設定する CSS3のarticleタグと隣接セレクターを使って間隔を調整 HTMLで文字を実体参照する。 TwitterをHTMLに埋め込む方法 レスポンシブWEBデザインテンプレート（スタイルシートで複数記述編） HTMLとCSSで進捗バーを作る1 HTMLとCSSで進捗バーを作る2 HTMLタグをデバイスごとに、javascriptとjQueryで振り分け WEB制作のためのIE対策1～バージョンごとの表示を確認する～ CSSで縦書き開発1 CSSで縦書き開発2～PHPとHTML5とCSS3で漢字学習システムのレイアウト作り～ 他カテゴリと混在のもの WEBの画像をラスターデータからベクターデータにする HTMLタグをデバイスごとに、javascriptとjQueryで振り分け
https://w.atwiki.jp/zyoushiki/pages/96.html
html head title ネ申の間 - トップページ /title link rel = "stylesheet" href = "kami1.css" meta http-equiv="Content-Language" content="ja" meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /head body header h1 a href="index.htm" img src="/image/logo.png" alt="Kami" /a /h1 header div id="container" B ul id ="menu" li a href="intro.htm" ネ申の間とは？ /a /li li a href="knowledge.htm" ネ申に従う心得 /a /li li a href="character.htm" ネ申と仲間と屑達 /a /li li a href="goods.htm" 商品 /a /li li a href="game.htm" ゲーム /a /li /ul /B /div h2 トップページ /h2 div id="main" article ul li time datetime="2008-04" 2008年4月 /time 入学 /li li time datetime="2011-03" 2011年3月 /time 卒業 /li /ul 卒業5周年！（ｷﾘｯ!!）byネ申 br br AA等は a href = "http //www37.atwiki.jp/zyoushiki/" B こちら /B /a だぞ。 by糸申士 br /article /div div id="sub" aside div class="bnr_inner" dl a href="kami.htm" dt img src="images/bnr_kami.png"alt="kami" /dt dd このカリスマ性感じるオムツ被ってる彼は一体…？ /dd /a /dl /div div class="bnr_inner" dl a href="http //www.tokumei24.jp/" dt img src="images/bnr_okame.jpg"alt="okame" /dt dd この酷い顔見かけたら警察に通報だ！ /dd /a /dl /div /aside /div footer p id="copyright") small Copyright copy;2010 ネ申の間 /small /p /footer /body /html
https://w.atwiki.jp/webdesignmemo/pages/32.html
関連トピックス 【CSS】ブラウザのスタイルをリセットするスタイルシート集 | コリス CSSNite in Nagoya 2007 極力ハックしない CSS by 山田あかね(purprin) 役立つサイト CSSレイアウト実践講座 とほほのスタイルシート入門 Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 公式サポートサイト サンプルダウンロードのページが参考になる。 CSS HappyLife CSS-EBLOG CSSめっちゃ不器用やねん リンク名 memo リセット CSS(2009.02.07の時点+コメントで説明つき) Yahoo! UI Library /* 各要素のmargin.paddingの正規化 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin 0; padding 0; } /* tabel要素のセルのボーダーとボーダーの間隔を0に */ table { border-collapse collapse; border-spacing 0; } /* fieldsetやimg要素のボーダーを削除 */ fieldset,img { border 0; } /* font-styleやfont-weightプロパティの正規化 */ address,caption,cite,code,dfn,em,strong,th,var { font-style normal; font-weight normal; } /* ol、ul要素のlist-styleを削除 */ ol,ul { list-style none; } /* captionやth要素を左揃えに */ caption,th { text-align left; } /* 見出し要素のフォントサイズ、太さの正規化 */ h1,h2,h3,h4,h5,h6 { font-size 100%; font-weight normal; } /* q要素の引用マークを削除 */ q before,q after { content ; } /* 略語のボーダーを削除 */ abbr,acronym { border 0; } タグの順番 /* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http //mozilla.org/contribute/writing/markup ) */ /* Suggested order * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * */ 名前 コメント
https://w.atwiki.jp/cz8686/pages/17.html
[HTML] ヘッダ部記述 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" HTML HEAD META HTTP-EQUIV="Pragma" CONTENT="no-cache" META HTTP-EQUIV="Cache-Control" CONTENT="no-cache,must-revalidate" META HTTP-EQUIV="Expires" CONTENT="0" META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=Shift_JIS" TITLE ページタイトル /TITLE /HEAD [HTML] 表示バー table width="480" border="0" cellspacing="0" cellpadding="5" tr td height="50" width="15" bgcolor="#0000CC" /td td height="50" width="385" bgcolor="#CCCCFF" font size="3" b こんな感じで表示 /b /font /td /tr /table [HTML]作成者フッター TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0" TR TD ALIGN="RIGHT" HR Copyright(C)なんとか会社, Ltd. 2008. All rights reserved. /TD /TR /TABLE
https://w.atwiki.jp/nicocachenlwiki/pages/24.html
1. 依存ライブラリのダウンロード https //www.bouncycastle.org/latest_releases.html から bcprov-jdk15on-*.jar と bcpkix-jdk15on-*.jar と bcutil-jdk15on-*.jar をダウンロードして それぞれリネームして bcprov.jar と bcpkix.jar と bcutil.jar とし、libフォルダに配置します。 2. genCerts.batの実行 これによりcertsフォルダ内に鍵と証明書(ca.cer, ca.jks, site.cer, site.jks)が生成されます。 certsフォルダ内のファイルは公開しないように注意してください。 証明書を再生成したときはNicoCache_nlの再起動も必須です。 3. config.properties へ enableMitm=true を設定 4. ブラウザに生成された認証局の証明書をインポート a) Chrome(Windows10)の場合 a-1. Windowsボタン certmgrと入力 ユーザー証明書の管理 a-2. 信頼されたルート証明機関をクリック後、操作 すべてのタスク インポート a-3. certs/ca.cerを選択してインポート a-4. Chromeを再起動 b) Firefoxの場合 b-1. 設定 プライバシーとセキュリティ 証明書 証明書を表示 認証局証明書 インポート b-2. certs/ca.cerを選択 b-3. 「この認証局によるウェブサイトの識別を信頼する」にチェック b-4. Firefoxを再起動します c) Firefoxの場合2 c-1. URLバーにabout configと入力. c-2. security.enterprise_roots.enabledをtrue. c-3. Firefoxを再起動. c-4. これでWindows証明書ストアのルート証明書を認識させることができます d) iPhoneの場合 d-1. ca.cerをメールで添付して送ります (注：ca.jksの方は機密情報が入っているので送らないで下さい) d-2. ca.cerを開いてプロファイルのインストールを行います。 d-3. 設定 一般 情報 証明書信頼設定 から ルート証明書を全面的に信頼します 注： pacファイルを利用している場合はpacファイルが古くないか確認！ - ... // nicovideo,smile,nimg,dmcへのアクセスを全てNicoCache_nl経由にする proxy.pac // https対応 function FindProxyForURL(url, host) { if ((shExpMatch(host, "*.nicovideo.jp") || shExpMatch(host, "*.smilevideo.jp") || shExpMatch(host, "*.nimg.jp") || shExpMatch(host, "*.dmc.nico") ) (url.indexOf("http ") == 0 || url.indexOf("https ") == 0)) { return "PROXY 127.0.0.1 8080"; } return "DIRECT"; } ユーティリティソフト 証明書管理ユーティリティを作成しました NicoCache_nl Easy Batch.7z_2020/08/15版 BouncyCastleでダウンロードしたbcprov-jdk15on-*.jarとbcpkix-jdk15on-*.jarをgenCerts.batで実行してファイルが出ない場合は、高速インストーラのなかにあるbcprov-jdk15on-*.jarとbcpkix-jdk15on-*.jarを使えばおｋ -- 名無しさん (2021-07-22 13 08 38) 名前 コメント
https://w.atwiki.jp/api_programming/pages/48.html
下位ページ フォント・テキスト フォーム(Form) レイアウト レスポンシブデザイン 画像 色 Content リンク form CSS適用の優先順位 CSSのコメントアウト モバイルサイト用の表示CSS jQuery Mobile 画像のフィルタ 表表をつくる 行をつくる 列をつくる左寄せ、センタリング、右寄せ 要素の表示、非表示 ポップアップ風のメニューを仕込む（主にcssで） エラー時のステータスコード 流行りのUIをコード付きで紹介 ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 ロゴのジェネレータ Instagram風の写真加工ができるCSSライブラリ「CSSGram」 簡易なチャートグラフを手軽に描けるサイト「BEAM」 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 HTMLクイックリファレンス ★スタイルシートリファレンス（目的別） - HTMLクイックリファレンス リンク 新しいウィンドウ（タブ）で開く a href="~" target="_blank" /a form FORM - HTMLクイックリファレンス CSS 適用の優先順位 全体に適用されるものと局所に適用される者では、局所に適用されるものが優先される。#xyz p p#xyz #xyz 上書きされるので、最後に読み込まれたものが適用される。 強制的に優先順位を上げるには !important を付ける p {color red !important;} /*この値が最優先されて有効となる*/ スタイルの優先順位 - HTML クイックリファレンス CSSのコメントアウト /* コメントアウト */ // は使えない（認識する場合もあるらしい） http //monopocket.jp/blog/css/1278/ モバイルサイト用の表示CSS jQuery Mobile Javascript/jQuery Mobile 画像のフィルタ http //migo-media.com/css-filter/ 表 a aa aaa b bb bbb TABLE - ★HTMLタグリファレンス 行をつくる→行の中に列をつくる table tr th ... /th td ... /td /tr tr th ... /th td ... /td /tr /table 表をつくる table ... /table 行をつくる tr ... /tr 列をつくる tr td ... /td /tr 左寄せ、センタリング、右寄せ td align="right" } 要素の表示、非表示 タグはあるけれど、表示はされない、という状態をつくる visiblity display 非表示・使用不可 visiblity - HTMLクイックリファレンス（スタイルシートリファレンス） display - HTMLクイックリファレンス（スタイルシートリファレンス） ポップアップ風のメニューを仕込む（主にcssで） メニューボタン（メニューアイコン）にポップアップルメニューとなるdiv要素を仕込んでおく。そのdiv要素は普段は display none を設定しておく。（もしくはjavascript等でクリックしたときに生成するようにしておく） クリックしたら display block（とか） で表示させる。この時、 レイアウトを崩さないように、position absolute（メニューボタン位置に連動させるなら、親にposition relaltiveも）を仕込む z-index を設定して、他の要素より前に出す。 親要素に overflow hidden が設定してると、親の枠外に飛び出せなくなる。 ので注意する。 エラー時のステータスコード HTTPステータスコード - Wikipedia 流行りのUIをコード付きで紹介 CodeMyUI.com - http //codemyui.com/ ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 http //inspirationui.com/ ロゴのジェネレータ http //girlsnet.ninpou.jp/logo.html Instagram風の写真加工ができるCSSライブラリ「CSSGram」 http //una.im/CSSgram/ 簡易なチャートグラフを手軽に描けるサイト「BEAM」 BEAM 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 iconshock
https://w.atwiki.jp/api_programming/pages/189.html
下位ページ Content HTML+CSSでの段組みレイアウト作成について div要素を回り込ませる positionで位置を決める margin, padding, width, heightwidth, height と padding, border-width の解釈を変える inline-blockでマージンを指定していないのに隙間ができる、に対処する 角丸 display table HTML+CSSでの段組みレイアウト作成について http //qiita.com/ken200/items/1fd088cf324f479e5104 div要素を回り込ませる float 回り込みの設定 positionで位置を決める position で位置を決める 親要素やinline要素 MDN-開発者向けのWeb技術-CSS HTMLクイック・リファレンス-スタイルシートリファレンス-position margin, padding, width, height width, heightで指定したサイズの上にpaddingの指定幅が乗っかる。 widthは左のボーダーから右のボーダーまでの距離をしてしているのではない。 https //zxcvbnmnbvcxz.com/css_sutudy_1/ width, height と padding, border-width の解釈を変える box-sizing の指定で、width(height)の値を、"content" + "padding" + "border-width" とすることができる。 MDN box-sizing http //www.htmq.com/css3/box-sizing.shtml inline-blockでマージンを指定していないのに隙間ができる、に対処する 原因：スペース、改行コードを表示する文字として認識してしまう。 対策 文字サイズを一時的に（＝親要素を）0にするそして、実際に表示させるところで、文字サイズを戻す html文書にスペースを入れない cssでletter-spacingを調整する 閉じタグを入れない次のタグが現れるまでがbox要素と認識されるから？ https //webledge-blog.com/inline-block-sukima/ 角丸 border-radius http //www.htmq.com/css3/border-radius.shtml display table table でレイアウトを作る https //app.codegrid.net/entry/css-table-1 使うべきでない、という記事も。 https //qiita.com/sawadays0118/items/4c329fd05cdff14ffebc
https://w.atwiki.jp/nicepaper/pages/352.html
bootstrapのHTML整形。3月21日記事 目次 ひな形 CDN CSS CSS JavaScript ひな形 !DOCTYPE html html lang="ja" head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="width=device-width, initial-scale=1" !-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -- title ここにタイトル /title !-- Bootstrap -- link href="css/bootstrap.min.css" rel="stylesheet" !-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -- !-- WARNING Respond.js doesn t work if you view the page via file // -- !--[if lt IE 9] script src="https //oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js" /script script src="https //oss.maxcdn.com/respond/1.4.2/respond.min.js" /script ![endif]-- /head body !--ここにコンテンツ記述-- !-- jQuery (necessary for Bootstrap s JavaScript plugins) -- script src="https //ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" /script !-- Include all compiled plugins (below), or include individual files as needed -- script src="js/bootstrap.min.js" /script /body /html CDN CSS !-- Latest compiled and minified CSS -- link rel="stylesheet" href="https //maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous" CSS !-- Optional theme -- link rel="stylesheet" href="https //maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous" JavaScript !-- Latest compiled and minified JavaScript -- script src="https //maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous" /script
https://w.atwiki.jp/naobe/pages/67.html
WEBアプリケーションに戻る タグ http //www.htmq.com/html/index.shtml 参照 radioタグとcheckboxタグ radioタグは１個選択可能。checkboxは複数選択可能 form action="/DynamicWEB/ShowDate" input type="checkbox" name="aaa" AAA br input type="checkbox" name="bbb" BBB br input type="checkbox" name="ccc" CCC br input type="submit" br /form 上記のリクエストは以下 ShowDateServlet start. key aaa, val[0] on key ccc, val[0] on 配列にする意味がないような。しかしこれが一般的な使い方でしょう。 配列を有効に活用するには以下の形式。 form action="/DynamicWEB/ShowDate" input type="checkbox" name="key" value="AAA" AAA br input type="checkbox" name="key" value="BBB" BBB br input type="checkbox" name="key" value="CCC" CCC br input type="submit" br /form 上記のリクエストは以下 key key, val[0] AAA key key, val[1] BBB diabled属性 HTML4.01では、inputタグ、TextAreaタグで使用可能。 divで画面を分割 head style type="text/css" #container{width 750px;text-align left;margin 0px auto;} #header{width 750px;margin 0px 0px 15px 0px;} !-- float 回りこみを許す -- #content{float left;width 590px;} #sidebar{float right;width 150px;padding 0px 0px 0px 10px;} !-- clear 回りこみを解除する -- #footer{clear both;width 750px;margin 15px 0px 15px 0px;} /style /head body div id="container" div id="header" ここがヘッダー /div div id="content" ここがコンテンツ /div div id="sidebar" ここがサイドバー /div div id="footer" ここがフッター /div /div /body 用語 項目 説明 備考 インライン要素 前後で改行されない ブロック要素 前後で改行される